<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/common/page.jsp" %>
<!DOCTYPE html>
<html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>${brief.title }</title>
		<meta name="description" content="${brief.summary }">
		<meta name="keywords" content="${detail.keywords }">
		<link rel="stylesheet" type="text/css" href="static/css/index.css" media="all" />
		<link rel="stylesheet" type="text/css" href="static/css/detail.css">
		<link rel="stylesheet" type="text/css" href="static/lib/ueditor/1.4.3/third-party/SyntaxHighlighter/shCoreDefault.css">
		<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
		<script src="static/lib/ueditor/1.4.3/third-party/SyntaxHighlighter/shCore.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				SyntaxHighlighter.all();
			});
		</script>
	</head>

	<body class="home blog custom-background round-avatars" itemscope="" itemtype="http://schema.org/Organization" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0">
		<div class="Yarn_Background" style="background-image: url( static/images/47fb3c_.jpg);"></div>
		<%-- <form class="js-search search-form search-form--modal" method="get" action="" role="search">
			<div class="search-form__inner">
				<div>
					<div id="search-container" class="ajax_search">
						
							<div class="filter_container"><input type="text" value="" autocomplete="off" placeholder="Type then select or enter" name="s" id="search-input">
								<ul id="search_filtered" class="search_filtered" style="display: none;"></ul>
							</div>
							<input type="submit" name="submit" id="searchsubmit" class="searchsubmit" value="">
						
					</div>
				</div>
			</div></form>
			--%>
		<%-- 
		<div class="navi aos-init aos-animate open" data-aos="fade-down">
			<div class="bt-nav">
				<div class="line line1"></div>
				<div class="line line2"></div>
				<div class="line line3"></div>
			</div>
			<div class="navbar animated fadeInRight">
				<div class="inner">
					<nav id="site-navigation" class="main-navigation">
						<div id="main-menu" class="main-menu-container">
							<div class="menu-menu-container">
								<ul id="primary-menu" class="menu">
									<li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-17">
										<a href="${rootPath }/">首页</a>
									</li>
									<li id="menu-item-173" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-173">
										<a href="#">更新</a>
									</li>
									<li id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78">
										<a href="#">链接</a>
									</li>
									<li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57">
										<a href="#">留言</a>
									</li>
								</ul>
							</div>
						</div>
					</nav>
					<!-- #site-navigation -->
				</div>
			</div>
		</div>
		<div class="hebin aos-init aos-animate" data-aos="fade-down">
			<i class=" js-toggle-search iconfont"></i>
		</div> --%>
		<header id="masthead" class="overlay animated from-bottom animation-on" itemprop="brand" itemscope="" itemtype="http://schema.org/Brand">
			<div class="site-branding text-center">
				<a href="${rootPath }/" title="返回首页">
					<figure>
						<img class="custom-logo avatar" src="static/images/omikron.png">
					</figure>
				</a>
				<h3 class="blog-description" ><p>This is beauty</p></h3>
			</div>
			<!-- .site-branding -->
			<div class="decor-part">
				<div id="particles-js"><canvas class="particles-js-canvas-el" width="1918" height="400" style="width: 100%; height: 100%;"></canvas></div>
			</div>
			<div class="animation-header">
				<div class="decor-wrapper">
					<svg id="header-decor" class="decor bottom" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
						<path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
						<path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
						<path class="medium left" d="M0 100 L50 50 L0 33.3" fill="rgba(255,255,255, .3)"></path>
						<path class="medium right" d="M100 100 L50 50 L100 33.3" fill="rgba(255,255,255, .3)"></path>
						<path class="small left" d="M0 100 L50 50 L0 66.6" fill="rgba(255,255,255, .5)"></path>
						<path class="small right" d="M100 100 L50 50 L100 66.6" fill="rgba(255,255,255, .5)"></path>
						<path d="M0 99.9 L50 49.9 L100 99.9 L0 99.9" fill="rgba(255,255,255, 1)"></path>
						<path d="M48 52 L50 49 L52 52 L48 52" fill="rgba(255,255,255, 1)"></path>
					</svg>
				</div>
			</div>
		</header>
		<div id="main" class="content">
			<div class="container">
				<article id="post-1202" class="js-gallery post-1202 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized tag-11 tag-22 tag-29">
					<style>
						.container {
							padding: 10px 0px;
						}
						
						.post {
							margin: 0 auto
						}
					</style>
					<c:choose>
						<c:when test="${msg==null }">
						<section class="post_content">
							<header class="post_header" style="border-bottom: thin dotted #999;">
								<h1 class="post_title">${brief.title }</h1>
								<p class="article_info" style="font-size: 14px;">作者:${detail.author } 来源:${detail.source }</p>
								<p class="article_info" style="font-size: 14px;"><fmt:formatDate value="${brief.publishTime}" pattern="yyyy-MM-dd HH:mm:ss"/> </p>
							</header>
							<div class="post-body js-gallery" style="margin-top: 20px;">
								${detail.detail }
							</div>
						</section>
						</c:when>
						<c:otherwise>
							<p style="text-align: center;color:red;">${msg }</p>
						</c:otherwise>
					</c:choose>
				</article>
			</div>
			<svg id="upTriangleColor" width="100%" height="40" viewBox="0 0 100 102" preserveAspectRatio="none">
				<path d="M0 0 L50 100 L100 0 Z"></path>
			</svg>
			
			<div id="panel">
				<div class="comment-area">
					<section class="comments">
						<div class="comments-main">
							<div id="comments-list-title"><span>30</span> 条评论 </div>
							<div id="loading-comments">
								<div class="host">
									<div class="loading loading-0"></div>
									<div class="loading loading-1"></div>
									<div class="loading loading-2"></div>
								</div>
							</div>
							<ul class="commentwrap">
								<li class="comment even thread-even depth-1" id="li-comment-">
									<div id="comment-969" class="comment_body contents">
										<div class="profile">
											<a href="#"><img class="gravatar" alt="小布丁" original="static/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" src="static/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" style="display: inline;"></a>
										</div>
										<div class="main shadow">
											<div class="commentinfo">
												<section class="commeta">
													<div class="shang">
														<h4 class="author"><a href="#" target="_blank"><img src="static/images/9cc50a9e422fb1c89aebafeb959cef7a.jpg" class="gravatarsmall" alt="小布丁">小布丁</a></h4>
													</div>
												</section>
											</div>
											<div class="body">
												<p>挺好的</p>
											</div>
											<div class="xia info">
												<span><time datetime="2018-03-09">2018年3月9日</time></span>
												<span><a rel="nofollow" class="comment-reply-link" href="#" onclick="return addComment.moveForm( &quot;comment-969&quot;, &quot;969&quot;, &quot;respond&quot;, &quot;1202&quot; )" aria-label="回复给小布丁">回复</a></span>
											</div>
										</div>
									</div>
								</li>
								<!-- #comment-## -->
							</ul>
							<nav id="comments-navi">
								<a class="prev page-numbers" href="#">
									&lt;</a>
										<a class="page-numbers" href="#">1</a>
										<a class="page-numbers" href="#">2</a>
										<a class="page-numbers" href="#">3</a>
										<span aria-current="page" class="page-numbers current">4</span></nav>
							<div id="respond" class="comment-respond">
								<h6 id="replytitle" class="comment-reply-title"><a rel="nofollow" id="cancel-comment-reply-link" href="#" style="display:none;">取消</a></h6>
								<form action="#" method="post" id="commentform" class="clearfix">
									<div class="clearfix"></div>
									<div class="author-info">
										<input type="text" name="author" id="author" placeholder="昵  称 : " value="" tabindex="1" title="Name (required)">
										<input type="text" name="email" id="email" placeholder="邮  箱 : " value="" tabindex="2" title="E-mail(will not be published) required">
										<input type="text" name="url" id="url" placeholder="网  址 : " value="" tabindex="3" title="Website">
									</div>
									<div class="clearfix"></div>
									<input type="hidden" name="comment_post_ID" value="1202" id="comment_post_ID">
									<input type="hidden" name="comment_parent" id="comment_parent" value="0">
									<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="632104fca1"></p>
									<p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="87"></p>
									<div class="comment-form-info">
										<div class="real-time-gravatar"> <img id="real-time-gravatar" src="static/images/d41d8cd98f00b204e9800998ecf8427e.png" alt="gravatar头像">
										</div>
										<p class="input-row">
											<i class="row-icon"></i>
											<textarea class="text_area" rows="3" cols="80" name="comment" id="comment" tabindex="4" placeholder="你不说两句吗？(°∀°)ﾉ……"></textarea>
											<input type="submit" name="submit" class="button" id="submit" tabindex="5" value="发送">
										</p>
									</div>
								</form>
							</div>
						</div>
					</section>
				</div>
			</div>
			<svg id="dwTriangleColor" width="100%" height="40" viewBox="0 0 100 102" preserveAspectRatio="none">
				<path d="M0 0 L50 100 L100 0 Z"></path>
			</svg>
		</div>
	<footer id="footer" class="overlay animated from-top">
		<div class="decor-wrapper">
			<svg id="footer-decor" class="decor top" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100" preserveAspectRatio="none">
				<path class="large left" d="M0 0 L50 50 L0 100" fill="rgba(255,255,255, .1)"></path>
				<path class="large right" d="M100 0 L50 50 L100 100" fill="rgba(255,255,255, .1)"></path>
				<path class="medium left" d="M0 0 L50 50 L0 66.6" fill="rgba(255,255,255, .3)"></path>
				<path class="medium right" d="M100 0 L50 50 L100 66.6" fill="rgba(255,255,255, .3)"></path>
				<path class="small left" d="M0 0 L50 50 L0 33.3" fill="rgba(255,255,255, .5)"></path>
				<path class="small right" d="M100 0 L50 50 L100 33.3" fill="rgba(255,255,255, .5)"></path>
				<path d="M0 0 L50 50 L100 0 L0 0" fill="rgba(255,255,255, 1)"></path>
				<path d="M48 48 L50 51 L52 48 L48 48" fill="rgba(255,255,255, 1)"></path>
			</svg>
		</div>
		<div class="cr">Copyright© 2018. yuelai.xyz</div>
		<script type='text/javascript' src='static/js/jquery.min.js'></script>
		<script type='text/javascript' src='static/js/plugins.js'></script>
		<script type='text/javascript' src='static/js/script.js'></script>
		<script type='text/javascript' src='static/js/particles.js'></script>
		<script type='text/javascript' src='static/js/aos.js'></script>
		<script type="text/javascript" src="static/js/prism.js"></script>
		<script type="text/javascript" src="static/js/gravatar.js"></script>
	</footer>
</body>
</html>